<template>
    <div id="empty">
      <div class="empty-connet">
        <img src="../../../assets/empty.png">
        <p>{{text}}</p>
      </div>
    </div>
</template>
<style lang="less">
    #empty{
        background-color:#ECECEC;
      .empty-connet{
        width:3rem;
        height: 3rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.5rem;
        margin-top: -1.5rem;
        text-align: center;
        img{
          display: inline-block;
          vertical-align: top;
          width: 1.4rem;
          height: 1.4rem;
        }
        p {
          font-size: .3rem;
          margin-top: .15rem;
          color: #a9a9a9;
          width: inherit;
          text-align: center;
        }
      }
    }
</style>
<script>

    export default{
        data(){
            return{

            }
        },
         props:["text"],
    }
</script>
